@import url("~assets/less/index.less");
@import url("~assets/less/vant-form.less");
.product_mod_box_content_info{
    height: 8.76rem!important;
}
.daytime {
  background: #fff;
  color: black;
}
.van-tabs__nav--card .van-tab.van-tab--active {
    color: #fff;
    background-color: #daab51;
}
.van-tabs__nav--card .van-tab {
    border-right: 0.026667rem solid #daab51;
}
.van-tabs__nav--card .van-tab {
    color: #daab51;
}
.van-tabs__nav--card {
    border: 0.026667rem solid #daab51;
}
.active1{
  background: #121212;color:#fff;
}
.darknight {
  background: #191B27!important;
  color:#fff;
  .moomoo_mod_nav{
    background: #191B27!important;

  }
  .van-tabs__nav--card {
      border: 0.026667rem solid #000000;
  }
  .van-tab{
    background-color: #000000 ;color: #fff;
  }
  .van-tabs__nav--card .van-tab {
      border-right: 0.026667rem solid  #191b27;
  }
  .van-tabs__nav--card .van-tab.van-tab--active {
      color: #fff;
      background-color: #191b27;
  }
  .register_box_desc > h2{
    color:#fff;
  }
  .register_box_form .van-form > div .van-cell input{
    background-color: #000000 !important;color:#fff;
  }
  .register_box_form .submit_btn .van-button{
    background-color: #000000 !important;
  }
/deep/.van-cell{
   background-color: #000000 !important;
  }
  /deep/.moomoo_mod_nav{
    background-color: #191B27 !important
  }
  /deep/.share_mod_box_content{
    background-color: #000000 !important
  }
  /deep/.van-field__control {
    color: #DDE2EC !important;
}
/deep/.van-tabs__nav--card{
  border-color: #000000 !important;
}
/deep/.exchange_mod_box_exchange-info{
  background-color: #000000 !important;
}
  /deep/.van-tab--active {
    background-color: #000000 !important;
    color: #fff !important;

  }
  /deep/.order_mod_box_list_info{
    background-color: #000000 !important;
  }
.van-tabs__line{background-color:#fff;}
  /deep/.payment_mod_box_list{background-color:#000000 !important;}
  /deep/.van-popup,.van-picker{
    background-color: #000000 !important
  }
  /deep/.moomoo-bottom-submit{
    background-color: #191B27 !important
  }
  /deep/p,span,.color{color:#fff!important;}
  /deep/.van-picker__mask{
    background-image: unset!important
  }
  /deep/.share_mod_box_content h1{
    color: #fff !important;
  }
  /deep/.van-tab--active .van-tab__text--ellipsis{
    color: #fff !important;

  }
  /deep/.van-tab__text--ellipsis{
    color:#000;
  }
  /deep/.van-ellipsis{
    color:#fff;
  }
  /deep/.financial_mod_box_list > div{
    background: #000000 !important;color: #fff!important;
  }
  /deep/.financial_mod_box_list > div .list_data_desc h2{
    color: #fff!important;
  }
  /deep/.van-uploader__upload{
     background-color: #000000 !important
  }
  /deep/.product_mod_box_content_info{
     background-color: #000000 !important
  }
  /deep/.product_mod_box_content_info_three .van-cell{
    background-color: #191b27  !important;
  }
  /deep/.product_info{
     background-color: #000000 !important
  }


  /deep/.van-button{
        background-color:#000000 !important;border-color: #000000 !important;
  }
}

.dark_li_color {
  /deep/.van-field__control {
    color: #DDE2EC !important;
  }

  background: #000000 !important;color: #fff!important;
}
.white{color:#fff!important;}
.product_info{width:100%;margin-top:20px;background-color: #fff;border-radius: 0.213333rem;padding: 0.12rem 0.226667rem;}
.product_info p{margin-top:10px;border-bottom: 0.026667rem dashed #ABACB7;
    padding: 0.1rem 0;}
.product_info h1{margin-top:10px;font-size: 0.5rem;font-weight: bold;}
.product_mod {
  min-height: 100vh;
  background-color: #EE3E57;

  &_box {
    &_desc {
      display: flex;
      align-items: center;
      height: 76px;
      padding: 12px;

      &_img {
        margin-right: 8px;

        img {
          width: 52px;
          height: 52px;
        }
      }


      &_text {
        width: 100%;
        color: @white;

        P {
          display: flex;
          justify-content: space-between;

          &:first-child {
            font-family: Roboto-Regular, Roboto;
          }

          &:nth-child(2) {
            font-size: 16px;
            font-family: Roboto-Medium, Roboto;
          }
        }
      }
    }

    &_content {
      padding: 12px;

      &_info {
        height: 441px;
        padding: 12px 16px;
        background-color: @white;
        border-radius: 8px;

        &_one {
          display: flex;
          align-items: center;
          height: 75px;

          div {
            flex: 1;
            text-align: center;

            p {
              &:first-child {
                font-size: 18px;
                color: #EE3E57;
                font-family: Roboto-Medium, Roboto;
                margin-bottom: 5px;
                font-weight: 600;
              }

              &:nth-child(2) {
                color: #1A1A1A;
                font-weight: 500;
                font-family: Roboto-Regular, Roboto;
              }
            }
          }
        }

        &_line {
          margin: 8px 0px;
          height: 1px;
          border: 1px dashed #ABACB7;
        }

        &_two {
          display: flex;
          height: 84px;
          align-items: center;
          text-align: center;

          div {
            flex: 1;

            p {
              span {
                display: block;
              }

              &:first-child {
                font-family: Roboto-Regular, Roboto;
                color: #878999;
              }

              &:nth-child(2) {
                margin-top: 5px;
                font-size: 14px;
                font-family: Roboto-Medium, Roboto;
                font-weight: 600;
                color: #1A1A1A;
              }
            }

          }
        }

        &_three {
          height: 96px;
          padding: 12px 0;

          p {
            margin-bottom: 8px;
          }

          .van-cell {
            display: flex;
            align-items: center;
            height: 48px;
            background: #F3F3F3;
            border-radius: 4px 4px 4px 4px;

            .van-field__control {
              width: 212px;
            }

            .usdt {
              .van-button__text {
                color: #1A1A1A;
                font-size: 14px;
              }

            }

            .all {
              .van-button__text {
                color: #EE3E57;
              }
            }
          }
        }
      }
    }

    &_remark {
      padding: 12px;

      p {
        color: #FFFFFF;

        &:first-child {
          font-size: 14px;
          font-family: Roboto-Medium, Roboto;
          font-weight: 500;
          margin-bottom: 10px;
        }

        &:nth-child(2) {
          font-family: Roboto-Regular, Roboto;
          font-weight: 400;
        }
      }
    }

    &_subscription {
      background-color: @white;
      padding: 12px;

      .van-button {
        font-family: Roboto-Medium, Roboto;
      }
    }
  }
}
